<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们 - 自然之眼</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <nav class="navbar">
        <div class="logo">自然之眼</div>
        <ul class="nav-links">
            <li><a href="index.html">首页</a></li>
            <li><a href="gallery.html">景观图库</a></li>
            <li><a href="about.html">关于我们</a></li>
            <li><a href="contact.html">联系我们</a></li>
        </ul>
    </nav>

    <section class="contact-section">
        <div class="contact-container">
            <div class="contact-info">
                <h2>联系我们</h2>
                <div class="info-card">
                    <h4>办公地址</h4>
                    <p>北京市朝阳区自然大厦18层</p>
                </div>
                <div class="info-card">
                    <h4>联系电话</h4>
                    <p>+86 010-6688 9999</p>
                </div>
                <div class="info-card">
                    <h4>电子邮箱</h4>
                    <p>contact@natureeye.com</p>
                </div>
                <div class="map">
                    <iframe src="https://地图嵌入链接" 
                        width="100%" 
                        height="300" 
                        style="border:0;" 
                        allowfullscreen="" 
                        loading="lazy">
                    </iframe>
                </div>
            </div>

            <form class="contact-form">
                <h3>发送消息</h3>
                <div class="form-group">
                    <input type="text" placeholder="姓名" required>
                </div>
                <div class="form-group">
                    <input type="email" placeholder="电子邮箱" required>
                </div>
                <div class="form-group">
                    <textarea rows="5" placeholder="留言内容" required></textarea>
                </div>
                <button type="submit" class="btn">发送消息</button>
            </form>
        </div>
    </section>

    <footer>
        <p>&copy; 2023 自然之眼景观展示 保留所有权利</p>
    </footer>

    <script src="js/script.js"></script>
</body>
</html>